@font-face {
    font-family: 'ITCAvantGardeStd';
    src: url('fonts/itcavantgardestd-bk-webfont.eot');
    src: url('fonts/itcavantgardestd-bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itcavantgardestd-bk-webfont.ttf') format('truetype'),
         url('fonts/itcavantgardestd-bk-webfont.svg#ITCAvantGardeStdBkRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ITCAvantGardeStd';
    src: url('fonts/itcavantgardestd-demi-webfont.eot');
    src: url('fonts/itcavantgardestd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itcavantgardestd-demi-webfont.ttf') format('truetype'),
         url('fonts/itcavantgardestd-demi-webfont.svg#ITCAvantGardeStdMdBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* reset */
body, h1, h2, h3, h4, h5, p, ul, ol, dl, dd, fieldset, input { margin:0;}
button, fieldset, legend, select, ul, ol ,input{ padding:0;}
ul { list-style:none;}
a { text-decoration:none; color:#333;}
a img { border:none;}
h1, h2, h3 { font-family:ITCAvantGardeStd; font-weight:normal; margin-bottom:.3em;}
h1 { font-size:28px; color:#F9AC02; text-transform:uppercase;}
h2 { font-size:22px; color:#000; text-transform:capitalize;}
h3 { font-size:18px; color:#000;}
h1 span { font-size:12px; padding-left:15px;}
h1 span > i { padding:0 8px; color:#999; position:relative; top:-1px;}
h1 span > i.note { padding:0; top:0;}
h1 em { color:#000; text-transform:none;}

h1 small { color:#999; font-size:12px; padding-right:3px;}
h2 > span, h3 > span { font-size:12px; padding-left:10px;}

fieldset, img { border:none;}
cite, em, i { font-style:normal;}
em{ color:red;}
a { text-decoration:none; color:#2672EC;}
a:focus, a:active { outline:none;}
a:hover { color:#000;}
p { padding-bottom:5px;}
.cf:after { content:"."; display:block; height:0; overflow:hidden; clear:both;}
* + html .cf { height:1%;}

table { width:100%; border-collapse:collapse; border-spacing:0; border-bottom:1px solid #EEE; background:#F5F5F5;}
th { text-align:left;}
table tr:nth-child(odd){ background:#FFF}
table tr:hover { background:#DDD;}
table tr.deleting { background:#FA7105;}
table tr.noRecords td, div.noRecords { padding:35px; text-align:center; font-size:20px; background:#F5F5F5; font-family:ITCAvantGardeStd;}
table.alignR, th.alignR, td.alignR { text-align:right;}
table.alignL, th.alignL, td.alignL { text-align:left;}
th.lineL, td.lineL { border-left:1px solid #DDD;}
th.lineR, td.lineR { border-right:1px solid #DDD;}

select{ padding:1px; vertical-align:middle; max-width:200px; min-width:80px;}
option{ max-width: 200px;}
textarea { padding:3px;width:400px; height:60px; padding:5px; vertical-align:top; resize:none;}
label { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-right:5px; min-width:130px; text-align:right; text-transform:capitalize;
	line-height:1.5; padding-top:3px;}
table label{ width:auto;}
input + label { min-width:20px; margin-right:10px; text-align:left;}

fieldset { margin-bottom:10px; float:left; padding:0 10px 10px; margin:0 20px 10px 0; border:1px solid #DDD; width:380px;}
legend {margin:0 -11px 10px; padding:6px 10px 4px; border:1px solid #DDD; border-bottom:none; font-family:ITCAvantGardeStd;
	display:block; font-weight:bold; color:#000; font-size:14px; width:100%; background:#EEE;}

th { padding:12px 5px 8px; background:#EEE; /*font-size:14px; font-weight:normal; font-family:ITCAvantGardeStd; text-transform:uppercase; */}
td {padding:8px 5px 6px;}
th:first-child, td:first-child { padding-left:10px;}
th:last-child, td:last-child { padding-right:15px;}

fieldset tr{ background:none;}
fieldset td{ border:1px solid #ccc;}
fieldset td a{ padding:0 5px; text-decoration:underline; display:inline-block;}

#showInfo fieldset th{ text-align:right; font-size:12px; font-weight:bold; background:#ddd; border:1px solid #ccc;}
#showInfo fieldset td th{ text-align: center;}
#showInfo fieldset td.t_l{ text-align:left;}

/* 
.relative{ position: relative;width: 80px;}
.relative .fiel_error{ right: -90px;bottom: 14px;}
.relative input{ width: 80px;}
.error { color:red; padding:0 5px;}
 */
form li { padding-bottom:10px;}
input, select, textarea { font:12px/1.5 arial,tahoma; padding:3px 3px 1px; padding:2px 3px 4px\0;}
select { padding:1px;}
input[type="radio"],input[type="checkbox"]{ margin-right:2px; position:relative; top:4px;}
input[type="text"] { border:1px solid #B8B8B8; vertical-align:top; width:180px;}
input[type="text"]:focus{ outline:none; border-color:#666;}
input[type="file"] { border:1px solid #B8B8B8; padding:0;}


input[type="text"][disabled] { background:#DDD; border-color:#CCC; color:#333; text-shadow:none;}

input[type="submit"], input[type="reset"], input[type="button"], 
	button, a.btn{ margin-right:5px; padding:3px 10px 1px; cursor:pointer;
		border:1px solid #2672EC; vertical-align:top; background:#2672EC; color:#FFF;
		font-family:ITCAvantGardeStd; text-transform:uppercase;}
a.btn { display:inline-block; zoom:1; *display:inline;}

input[type="submit"]:hover, input[type="button"]:hover, 
	input[type="submit"]:focus, input[type="button"]:focus, 
	button:hover, a.btn:hover
	button:focus, a.btn:focus { background:#1255C9; color:#FFF; border-color:#1255C9;}
input[type="submit"]:focus, input[type="button"]:focus,
	button:focus, a.btn:focus { outline:2px solid #F9AC02;}

input[type="reset"] { background:#74A7FF; border-color:#74A7FF;}
input[type="reset"]:hover { background:#EDA200; border-color:#FA5D05;}

input[type][disabled], a.disabled{ background:#BBB; border:1px solid #BBB; color:#EEE; text-shadow:0 -1px 1px #999; cursor:default;}
input[type][disabled]:hover { background:#BBB; border:1px solid #BBB;}	


.empty { position: relative;}	/* for the fields which valid error in bulk setup */
.empty input[type="text"][disabled] { color:#000000; background:#FFEAB9; border-color:#FFC136;}

body { min-width:500px; font:12px/1.5 Arial,Helvetica,tahoma ; background:#FBFBFB; color:#333;}
/* #wrap { min-width:980px;} */
footer > p { border-top:1px solid #DDD; padding:15px 30px;}

.btnLine { padding:8px 0;}
.cb{ clear:both;}
.f_r{ float:right;}
.t_center{ text-align:center;}
.f_l{ float:left;}
.t_l{ text-align:left;}
.t_r{ text-align:right;}
input.short{ width:70px;}
input.x_long{ width:200px;}
input.long{ width:220px;}

.required{ color:red;}
/* .fielWrap{ float:left;} */

.access .main { padding:50px;}
.signNote { float:left; width:400px;}
.formLogin { margin-left:450px;}
.formLogin label { display:block; padding-bottom:5px; text-align:left;}
.formLogin li { padding-bottom:15px;}
.formLogin li input { border:1px solid #B8B8B8; padding:5px 3px 3px; padding:5px 3px 6px\0; width:250px;}
.formLogin li input:focus { border-color:#666; outline:none;}

/* header */
.header { position:relative; z-index:2; padding:15px 0 0; background:#000 url(images/header.png); color:#FFF; box-shadow:0 2px 5px #CCC;}
.header a { color:#FFF; }
.header a:hover { color:#2672EC}
.header .toSite { float:left; padding-left:30px; text-indent:-999px;}
.header .toSite a{ display:block; background:url(images/logo.png) left top no-repeat; width:124px; height:52px;}
.header .toOthers { float:right; padding:0 30px 5px 0;}

.nav { clear:right; float:left; margin-left:30px;
	font-family:ITCAvantGardeStd; background:#333; line-height:30px; font-size:13px;}
.nav > li { float:left; border-left:1px solid #2A2A2A; border-right:1px solid #3F3F3F;}
.nav li:first-child { border-left:none;}
.nav li:last-child { border-right:none;}
.nav > li > a { display:block; padding:0 20px; line-height:38px; text-transform:uppercase;}
.nav li.current > a { color:#F9AC02; /* border-top:1px solid #F9AC02 */}
.nav li.on > a { background:#EEE; color:#000; /* border-top:1px solid #F9AC02 */}

.subNav { clear:both; font-size:12px; background:#EEE; padding:4px 10px; border-bottom:1px solid #F7F7F7; font-family:ITCAvantGardeStd;}
.subNav li { display:none;}
.subNav li.current { display:block;}
.subNav a { color:#000; display:inline-block; zoom:1; *display:inline; margin-left:10px; border-left: 1px solid #CCC;
    padding-left:10px; margin-top:5px; line-height: 1.1;}
.subNav a:first-child { border:none;}

/*main*/
.formLogin { padding:40px; width:350px; border-left:1px solid #CCC;}

#main { padding:20px 30px;}
form li { padding-bottom:5px;}
label + input, label + select { vertical-align:top;}

/*filter  &essInfo*/
.filter { padding:6px 10px 5px; position:relative; border-bottom:1px solid #F5F5F5; background:#E5E5E5; box-shadow:0 3px 4px #CCC;}
.filter label{ min-width:20px; margin-left:10px; padding-top:4px;}
.filter label:first-child { margin-left:0;}
.filter input[type="text"] { width:150px; padding:3px 3px 1px; padding:3px 3px 5px\0; vertical-align:top;}
.filter input[type="text"].dateinput { width:100px;}
.advance{ display:none;}
/* #list table .edit{ padding:0; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(images/icon_edit.gif); text-indent:-9999px;}
#list table .delete{ padding:0; display:inline-block; width:14px; height:14px; vertical-align:middle; background:url(images/icon_trash.gif);text-indent:-9999px;} */
#showInfo #sku_Detail fieldset{width:590px; padding:10px;}

.generalInfo { float:left; width:250px;}
.generalInfo ul { background:#F5F5F5;}
.details { margin-left:275px;}

.generalAttrs li { padding:8px 12px 5px;}
.generalAttrs li:nth-child(odd) { background:#EEE;}
.generalAttrs li strong { display:inline-block; min-width:70px; margin-right:5px;}
.generalAttrs li strong + p { margin-left:75px;}

/* tab Navi */
.tabNav a { display:inline-block; padding:5px 15px 3px; margin-left:10px; border:1px solid #2672EC; border-bottom:none;
	font-weight:bold; background:#2672EC; color:#FFF;}
.tabNav a.cur, .tabNav a:hover{ color:#000;}
.tabNav a.cur { background:#FFF; border-color:#DDD; padding-bottom:4px; position:relative; bottom:-1px;}
.tabtextWrap, .tabContents { padding-top:20px; border-top:1px solid #DDD;}
.tabtextWrap li { padding-bottom:8px;}
.tabHide, .tabCon { display:none;}

#showInfo fieldset li{ padding-left:5px;}
#po fieldset{ width:590px;}
#po fieldset li{ position:relative; display:inline-block; padding-left:5px; min-height:28px;}
#showInfo table{ border:none;}
#edit a{ padding:0 5px; vertical-align:top;}

.orderNote { width:449px; float:right; padding-left:20px; border-left:1px solid #F9AC02;}
.orderList { margin-right:470px;}
.orderList tr.current td { background:#F9AC02}
#orderNoteSubmit { margin-top:15px;}
.noteList { background:#F5F5F5;}
.noteList li { padding:12px 20px 6px; border:1px solid #DDD;}
.noteList li:nth-child(odd) { background:EEE;}
.noteList h3 { font-size:14px; margin:0;}
.noteList .noteBody { padding:5px 0;}
.noteList .noteMeta { color:#666;}
/*turn*/
.pageNav { padding:10px 15px; text-align:right;}
#turn-page { line-height:24px;}
#turn-page span{ padding:0 3px; font-weight:bold;}
#turn-page input[type="text"] { width:30px; padding-top:3px;}
#turn-page a{ padding:0 3px; text-decoration:underline;}

#product_detail{ width:500px;}
#product_detail th{ width:120px; text-align:right; border:1px solid #ccc; background:#ddd;}
#product_detail td{border:1px solid #ccc;}
#product_detail a{ display:inline-block;}
#product_detail img{ display:inline-block; margin:0 5px;}
#product_imgs li{ float:left; margin-right:15px; position:relative;}
#product_imgs li .remove{ display:none; position:absolute; right:-10px; top:-10px; width:22px; height:23px; background:url(images/icon_close.png); cursor:pointer;}
#product_imgs li:hover .remove{ display:block;}

/*wms*/ 
#wmsWrap h2{ text-transform:capitalize;}
#wmsWrap strong span{ color:#00F;}
#wmsWrap ul{ padding:5px 0;}
.wmsFilter{ padding:10px 0; text-align:right;}
#wmsWrap td a{ text-decoration:underline;}
#receving_step2 label{ text-align:left;}
#receiving_step5{ width:500px;}
#receiving_step5 th{ width:120px; text-align:right; border:1px solid #ccc; background:#ddd;}
#receiving_step5 td{border:1px solid #ccc;}
#receiving_step5 img{ display:inline-block; margin:0 5px;}
#wms_packing4 label{ width:125px; text-align:left;}

/*dateinput*/
#dateInput li { width:auto;}
.dateInput { position:relative; z-index:0;}
.dateActive { z-index:2;}

.dateInput, .dateFormat { display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.dateFormat { width:180px; height:19px; line-height:19px;text-indent:3px;
	border:1px solid #DFDFDF; border-color:#DFDFDF #F2F2F2 #F2F2F2 #DFDFDF; cursor:text; color:#000;box-shadow:inset 0 0 1px #ccc; border-radius:3px; background:#FFFFFF;}
	.dateFormat sup { line-height:1.1;}
.dateFormat i { color:#999; font-style:normal;}
.dateClear { display:none; position:absolute; top:4px; right:3px; background:url(images/toggle.png) no-repeat -84px -44px; width:16px; height:16px;}
.dateClear:hover { background-position:-100px -44px;}

.dateInput div { display:none; position:absolute; top:22px; left:0; width:170px; padding:5px; font-family:Helvetica, Arial;
	background:#EEE; border:1px solid #DDD; font-size:11px; box-shadow:1px 1px 4px #CCC;}
	.calendar li { padding:0 !important;}
	.calendar li.week_name {}
	.calendar li span, .calendar li a { display:inline-block; zoom:1; *display:inline; vertical-align:top;
		width:22px; line-height:22px; text-align:center; border:1px solid #EEE;}
	.calendar li a.today { background:#FFF;}
	.calendar li a.current { background:#282121; color:#FFF;}
	.calendar li a:hover { background:#FFF;}
		
.dateInput select { width:82px !important;}
.dateInput select#dateInput_year { margin-left:5px;}

/*print*/
.printPreview { width:800px; min-height:800px; margin:0 auto; background:#FFF; padding:25px; border:1px solid #DDD;
	position:relative; box-shadow:2px 2px 5px #999; font-size:9pt;}
	a.printBtn { position:absolute; top:0; left:0;}
.printPreview h2 { font-size:16pt;}
.printPreview table{ background:#FFF; width:100%; text-align:left; font-size:9pt;}
.printPreview table tr:hover { background:#FFF;}
.printPreview td { vertical-align:top;}
.printPreview td { text-align:left;}

.infoList li { padding-bottom:3px;}
.infoList li > strong { display:inline-block; zoom:1; *display:inline; width:120px;}

.printDate th{ background:none; text-align:left; border-top:1px solid #999; border-bottom:1px solid #999; text-shadow:none;}
.printDate td{ border-top:1px solid #999; border-bottom:1px solid #999;}
.printInfo { margin-bottom:20px;}
.printInfo table{ border:none; margin-bottom:15px;}
.printInfo th{ border:none; text-align:left; padding:2px 5px;text-shadow: none; }
.printInfo td{ border:none; padding:2px 5px;}

.simpleForm { border:1px solid #DDD; padding:35px 40px 30px; width:450px; margin:0 auto; position:relative;}
.simpleForm form li { padding-bottom:15px;}
.simpleForm form li.btnLine { padding:5px 0 0;}
.simpleForm label { display:block; width:auto; font-size:13px; text-align:left; margin-bottom:3px;}
.simpleForm input[type="submit"], .simpleForm a.btn { font-size:20px; padding:10px 20px 6px;}
.simpleForm input[type="text"] { font-size:20px; width:400px; padding:8px 10px 5px; font-family:ITCAvantGardeStd;}
.simpleForm a.cancelBtn { position:absolute; top:0; left:0; font-size:12px; padding:5px 10px 2px;
	background:#DDD; border-color:#DDD; color:#666}
.simpleForm a.cancelBtn:hover { background:#F9AC21; color:#FFF;border-color:#F9AC21; }

/* back messages */
.field-validation-error { display:inline-block; zoom:1; *display:inline; position:relative; vertical-align:top;}
.field-validation-error label { position:absolute; bottom:0; left:-15px; width:auto; padding:3px 5px 1px; min-width:100px; text-transform:none;
	border:1px solid #EC9FA6; border-radius:3px; background:#FFF5C8; line-height:1.2; white-space:nowrap; color:#FA4B05; text-align:left;}
.field-validation-error label i { position:absolute; bottom:-8px; left:5px; width:11px; height:9px; background:url(images/valid.png) no-repeat;}

.message, .validation-summary-errors { border:1px solid #2672EC; border-radius: 5px; padding: 8px 10px; margin-bottom: 20px;
	max-height:250px; overflow:auto; background:#B9DEFF; color:#000;}
.validation-summary-errors, .messageFaild { border-color:#FC7600; background: #FFE0C4; color:red;}
.validation-summary-errors > span { font-weight:bold; text-transform:capitalize;}

.message a { text-decoration:underline;}

/* table width */
th.thId, th.thSku { width:70px;}
th.thSingleNumb { width:70px;}
th.thAddress { width:300px;}
table.reportList td, table.reportList th { text-align:right;}
table.reportList .thTimeStep, table.reportList .tdTimeStep { text-align:left;}
input.singleNumb { width:40px;}

/* reportList */
.chartArea {}
/* form Note */
span.fieldNote, span.valueShow { display:inline-block; zoom:1; *display:inline; vertical-align:top;
	padding:3px 5px 1px 5px; color:#666;}
span.valueShow { color:#000;}
	.I { padding:0 8px; color:#999;}
	
.imgUploadArea { position:absolute; top:50%; left:0; margin-top:-33px; min-width:250px;
	padding:12px 15px; border-left:1px solid #2672EC; box-shadow:1px 1px 5px rgba(0,0,0,.5);
	background:rgba(255,255,255,.8);}
.IE8- .imgUploadArea  { background:#FFF;}
.imgUploadArea a.cancelBtn { display:block; margin-bottom:3px;}
.imgUploadArea a.cancelBtn:hover { background:#F9AC02;}

td span.showImg { position:relative;}
td span.showImg img { display:block;}
td span.showImg i { display:none; position:absolute; right:25px;
	border:5px solid #FFF; border:5px solid rgba(255,255,255,.7); box-shadow:0 0 5px #999;}
td span.showImg:hover i { display:block;}	

/* varify message */
input.error, select.error { border-color:#EB646A #FAB7B9 #FAB7B9 #EB646A;}

	.msgValid { position:relative; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
	.msgValid label.error { position:absolute; bottom:-2px; left:-30px; min-width:180px; text-transform:none; text-align:left;
		padding:3px 5px 1px; color:#E55258; background:#FFF5C8; background:rgba(255,244,195,.9); border:1px solid #EC9BA2; white-space:nowrap;
		border-radius:3px; text-shadow:0 1px 1px #FFE8EA;}
	.msgValid label.valid { display:none !important;}	
	.msgValid i { position:absolute; width:11px; height:8px; left:10px; bottom:-7px; background:url(images/valid.png) no-repeat;}
	
	.msgValidStatic { display:block;}
	.msgValidStatic label { width:auto; margin-left:98px; color:#EB646A;}
	.msgValidStatic label.valid { display:none !important;}
/* ajaxLoading */
/* .loadingBox { background:rgba(255,255,255,.5) url(images/loading.gif) no-repeat 50% 50%;} */
.loadingBox { position:relative; background:rgba(255,255,255,.5);}
.loadingBox > img { position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;}
.IE8- .loadingBox { background:#FFF; filter:Alpha(opacity=70);}
.loadingBox p { display:none; background:#F9AC02; color:#000; padding:6px 15px 5px;
	position:absolute; top:25px; left:50%; font-family:ITCAvantGardeStd;}
	
/* lightbox*/
.boxShade { position:absolute; z-index:1001; left:0; top:0; width:100%; display:none; background:rgba(0,0,0,.5);}
#boxArea { position:absolute; z-index:1002; display:none; background:#FFF; top:50%; left:50%;}
#boxClose { position:absolute; top:15px; right:20px; width:20px; height:20px;
	/* background:url(images/boxClose.png) no-repeat; text-indent:-99em; overflow:hidden; */}

#boxStage { overflow:hidden; padding:15px 20px;}
#boxStage h2 {}

.msgBox { display:none; position:relative; z-index:2; width:70%; min-width:300px; margin:0 auto; padding:0 15px;
	font-size:14px; font-family:ITCAvantGardeStd;}
.msgBox #msgBox { position:absolute; top:0; left:0; width:100%; margin:0 -15px; padding:8px 15px 6px; 
	border:1px solid #FFE395; border-top:none; border-radius:0 0 5px 5px;}
.msgBox #msgBox.msgBoxFaild { border-color:#FFE395; background:#FFF2D1; color:#FF5A00;}
.msgBox #msgBox.msgBoxSuccess { border-color:#55A0FF; background:#BCDBFF; color:#000;}
.msgBox a.msgBoxClose { position:absolute; top:8px; right:10px;}


form .msgBox { margin:0 0 6px; width:auto; padding:0;}
form .msgBox #msgBox { position:static; margin:0; width:auto; border-radius:5px;}

.pageNav a, .pageNav strong, .pageNav span { display:inline-block; zoom:1; *display:inline; 
	margin-left:5px; padding:2px 0 1px; width:20px; text-align:center;}
.pageNav a { background:#2672EC; color:#FFF;}
.pageNav a:hover { background:#FFF; color:#2672EC;}
.pageNav select, .filter select { min-width:0;}
.pageNav p { display:inline-block; zoom:1; *display:inline; margin-left:10px;}


/* custome form style */
.hsSelect { border:1px solid #B8B8B8; display:inline-block; *display:inline; zoom:1; vertical-align:top;
	position:relative; color:#333;}
.hsSelect dt { position:relative;}
.hsSelect dt .hsSelectTitle { display:block; padding:2px 4px; background:#FFF url(images/select.png) no-repeat 100% 6px;
	color:#333; cursor:pointer;}
	.hsSelect.disabled dt .hsSelectTitle { background-color:#EEE; color:#666; cursor:default;}
.hsSelect dt input { position:absolute; top:0; left:0; border:none;}
#selecting { z-index:5;}	
.hsSelect dd { display:none; position:absolute; top:22px; left:-1px; width:100%;
	background:#FFF; border:1px solid #B8B8B8; border-top:none;
	max-height:280px; overflow:auto;}
.hsSelect dd a, .hsSelect dd span { display:block; padding:3px 6px 2px; height:17px; line-height:17px; text-decoration:none; color:#333}
.hsSelect dd a.on { background:#74B7FF; color:#000;}
.hsSelect dd a:hover { color:#2672EC;}
.hsSelect dd a.selected { background:#D3F2FF;}

.selectInterlace dd a.on { border:1px solid #2672EC; border-right:#FFF; margin:0 -1px;}
.selectInterlace dd { border:1px solid #B8B8B8;}
#selecting.selectInterlace { border:1px solid #2672EC;}

/* Lightbox */
.boxShade { position:absolute; z-index:1001; left:0; top:0; width:100%; display:none; background:rgba(0,0,0,.8);}
#boxArea { position:absolute; z-index:1002; display:none; background:#FFF url(images/wrapper.png) no-repeat; top:50%; left:50%;}
#boxClose { position:absolute; top:15px; right:20px; width:12px; height:12px;
	background:url(images/boxClose.png) no-repeat; text-indent:-99em; overflow:hidden;}

#boxStage { overflow:hidden;}

#main { position:relative; z-index:0;}
#floatBox { position:absolute; left:0; top:0;}
.floatBox { width:300px; position:absolute; top:0; left:0; display:none;
	background:#FFFAED; padding:20px; 
	border:2px solid #FFF0CB; border-top:none; box-shadow:1px 0 5px #666;}
.floatBox input[type="text"] { width:150px;}
.floatBox form { margin-bottom:15px;}

#orderResult dt { font-weight:bold;}
#orderResult dl { margin-bottom:8px;}
#orderResult dd span { display:inline-block; zoom:1; *display:inline; min-width:100px; font-weight:bold;}

.detailAttrs {}
.detailAttrs ul { margin-bottom:15px;}
.detailAttrs li { padding-bottom:3px;}
.detailAttrs li > span { display:inline-block; zoom:1; *display:inline; font-weight:bold; min-width:95px; margin-right:5px;}
.detailAttrs .detailBlock { float:left;}
.detailBlock { width:300px; margin-right:20px;}
.detailBlock h3 { background:#DDD; padding:4px 12px 2px; margin:0;}
.detailBlock > ul { background:#EEE;}
.detailAttrs .detailBlock li ul { margin:0 -12px 0 90px;}
.detailBlock > ul li { padding:8px 12px 5px;}
.detailBlock > ul li:nth-child(odd) { background:#F5F5F5;}
/* style in customers care. -- Stephen */
/*message*/
.message{ padding:20px 0 0 150px; color:#000;}
.message p{ font-size:14px; font-weight:bold;}
.message p span{ color:red;}
.message a{ font-weight:bold; text-decoration:underline;}
#error{ font-size:18px; font-weight:bold; color:red;}
#error span{ text-transform:uppercase;}

/*customer*/
#customer td{ border:none;}
#customer a{ padding:0 5px;}
#customer h3{ font-size:16px; padding:10px;}
#General th{ background:none; border:none;}
#General th{ width:100px;}
#General th,#General td{ border:1px solid #ccc;}

#issue{ margin-top:15px;}

#issue{ margin-top:15px;}
#Issue_aside{ border:1px solid #ccc; padding:10px; margin-bottom:10px; background:#ebf1de;}
#issue_content{ padding:10px 0;}
#issue_content td,#issue_content th,#issue_content tr,#issue_content table{ background:none; vertical-align:top;}
#issue_pay{ width:50%; background:#ebf1de; float:left;}
#issue_info_right{ float:left; width:50%; float:right;}
#issue_info_right p{ padding:10px;}
#add_nots{ display:none;}

#boxWrap{z-index:200;position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); left:0; top:0; display:none; min-width:960px;}
#box{ width:918px;background:#FFFFFF; position:absolute; border:1px solid #ccc; min-height:300px;}
#close{cursor:pointer;background:#77AA00; font-weight:bold; color:#FFF; height:20px; line-height:20px; vertical-align:middle;box-shadow:inset 0 0 3px #439310;text-shadow:1px 1px 1px #000; position:absolute; right:0px; top:0px; width:20px; text-align:center;}
#detailContainer{padding:20px;}


#pdf{ width:18px; height:18px; background:url(../images/pdf-icon.png);  display:inline-block;vertical-align: middle;}
#xlsx{  width:18px; height:18px; background:url(../images/xlsx-win-icon.png);display:inline-block;vertical-align: middle;}

/*dateinput*/
#dateInput li { width:auto;}
.dateInput { position:relative; z-index:0;}
.dateActive { z-index:2;}

.dateInput, .dateFormat { display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.dateFormat { width:180px; height:19px; line-height:19px;text-indent:3px;
    border:1px solid #DFDFDF; border-color:#DFDFDF #F2F2F2 #F2F2F2 #DFDFDF; cursor:text; color:#000;box-shadow:inset 0 0 1px #ccc; border-radius:3px; background:#FFFFFF;}
.dateFormat sup { line-height:1.1;}
.dateFormat i { color:#999; font-style:normal;}
.dateClear { display:none; position:absolute; top:4px; right:3px; background:url(images/toggle.png) no-repeat -84px -44px; width:16px; height:16px;}
.dateClear:hover { background-position:-100px -44px;}

.dateInput div { display:none; position:absolute; top:22px; left:0; width:170px; padding:5px; font-family:Helvetica, Arial;
    background:#EEE; border:1px solid #DDD; font-size:11px; box-shadow:1px 1px 4px #CCC;}
.calendar li { padding:0 !important;}
.calendar li.week_name {}
.calendar li span, .calendar li a { display:inline-block; zoom:1; *display:inline; vertical-align:top;
    width:22px; line-height:22px; text-align:center; border:1px solid #EEE;}
.calendar li a.today { background:#FFF;}
.calendar li a.current { background:#282121; color:#FFF;}
.calendar li a:hover { background:#FFF;}

.dateInput select { width:82px !important;}
.dateInput select#dateInput_year { margin-left:5px;}

.skuImg img{vertical-align: middle; margin-right: 5px;}


/*brands setting*/
#brandsSetting{ margin-left:100px;}
#brandsSetting li{width:300px; float:left;}
#brandsSetting .Ckbox{display:inline-block;width:16px;height:16px;vertical-align: middle;background:url(images/checkboxbg.png) left bottom no-repeat;}
#brandsSetting .checked{background:url(images/checkboxbg.png) left top no-repeat;}



#editRow {
	display: none;
}
#editRow td {
	background: rgb(201, 222, 255); border-top-color: rgb(100, 157, 255); border-bottom-color: rgb(100, 157, 255); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
#editRow td input {
	border-color: rgb(255, 255, 255);
}
#editRow td textarea {
	border-color: rgb(255, 255, 255);
}
#editRow td input:focus {
	border-color: rgb(153, 153, 153);
}
#editRow td textarea:focus {
	border-color: rgb(153, 153, 153);
}
#editRow td.btnLine {
	position: relative;
}
#editRow td.btnLine a {
	top: 5px; right: 10px; position: relative;
}
